{% extends "./inc_base.html" %}
{% block style %}
<link href="/static/assets/css/layout-question.css" rel="stylesheet" type="text/css" />
{% endblock %}
{% block content %}
{%set cate = category.id|get_cate()%}
<!--
PAGE HEADER

CLASSES:
.page-header-xs	= 20px margins
.page-header-md	= 50px margins
.page-header-lg	= 80px margins
.page-header-xlg= 130px margins
.dark			= dark page header

.shadow-before-1 	= shadow 1 header top
.shadow-after-1 	= shadow 1 header bottom
.shadow-before-2 	= shadow 2 header top
.shadow-after-2 	= shadow 2 header bottom
.shadow-before-3 	= shadow 3 header top
.shadow-after-3 	= shadow 3 header bottom
-->
<section class="page-header page-header-xs" >
    <div class="container">

        <h1>热门话题</h1>

        <!-- breadcrumbs -->
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li class="active">话题</li>

        </ol><!-- /breadcrumbs -->
        <!-- page tabs -->

        <ul class="page-header-tabs list-inline">
            <li class="{%if controller.get('key')==null%}active{%endif%}"><a href="/topic">全部</a></li>
            <li class="{%if controller.get('key')=='week'%}active{%endif%}"><a href="/topic/week">7天</a></li>
            <li class="{%if controller.get('key')=='month'%}active{%endif%}"><a href="/topic/month">30天</a></li>
        </ul>

        <!-- /page tabs -->
    </div>
</section>

<!-- -->
<section >
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-body" style="padding: 0 10px">
                <ul class="row clearfix testimonial-dotted list-unstyled">
                    {%for k in list.data%}
                    <li class="col-md-4">
                        <div class="testimonial" style="height: 70px;overflow: hidden">
                            <figure class="pull-left">
                                {%if k.pic%}
                                <img class="radius-3" src="{{k.pic|get_pic('m=1,w=65,h=65')}}" alt="" />
                                {%else%}
                                <i class="ico-light ico-65 ico-hover et-chat" style="z-index: 10;position: relative"></i>
                                {%endif%}
                            </figure>
                            <div class="testimonial-content" style="padding-top: 5px">
                                <cite class="font-style-normal">
                                    <a href="/t/{{k.keyname|urlencode}}" class="label label-primary ">{{k.keyname}}</a>
                                    <span class="margin-top-6">{{k.videonum}} 个内容 {{k.focus_count}} 个关注</span>
                                </cite>
                                <p>7 天新增 {{k.discuss_count_last_week}} 个内容, 30 天新增 {{k.discuss_count_last_month}} 个内容</p>
                            </div>
                        </div>
                    </li>
                    {%endfor%}

                </ul>
            </div>
            <div class="panel-footer text-center">
                {{pagination | safe}}
            </div>
        </div>

    </div>
</section>
<!-- / -->
{% endblock %}

